<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>x_organization_assemble_surface_authentication</title>
<script src="./jquery.js"></script>
<script src="./common.js"></script>
<script src="./logger.js"></script>
<script src="./authentication.js"></script>
<script src="./bind.js"></script>
<script>
    $(document).ready(function() {
	authentication_who();
    });
</script>
</head>

<body style="margin: 0; font-size: 1.0em; font-family: Microsoft Yahei">
	<div id="container" style="width: 1000px; margin: 0 auto;">
		<div id="header"
			style="background-color: #4682B4; clear: both; text-align: center;">
			x_organization_assemble_surface_authentication</div>
		<div id="menu"
			style="background-color: #B0E0E6; height: 950px; width: 280px; float: left;">
			<ul>
				<li>Authentication
					<ul>
						<li><a onclick="authentication_who()" href="#">Who</a></li>
						<li><a onclick="authentication_login_init()" href="#">Login</a></li>
						<li><a onclick="authentication_logout()" href="#">Logout</a>
						</li>
					</ul>
				</li>
				<li>Bind
					<ul>
						<li><a onclick="bind_list()" href="#">List</a></li>
					</ul>
				</li>
				<li>Logger
					<ul>
						<li><a onclick="logger_init()" href="#">Logger</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<div style="float: left; width: 720px;">
			<div id="content" style="width: 100%;">&nbsp;</div>
			<div id="result"
				style="width: 100%; white-space: pre; font-size: 10px; word-break: break-all; word-wrap: break-word;">
				&nbsp;</div>
		</div>
		<div id="footer"
			style="background-color: #4682B4; clear: both; text-align: center; display: none">
			Copyright © x</div>
	</div>
</body>
</html>